<template>
  <div class="link-box">
    <img
        src="https://intelaulinpro.oss-cn-beijing.aliyuncs.com/size/icon-question-mark.png"
        alt=""
    >
    <span @click="navToPage">尺码表</span>
  </div>
</template>

<script>
export default {
  name: "CoastSizeLink",
  methods: {
    navToPage() {
      let routeUrl = this.$router.resolve({
        path: "coastSizePage"
      });
      window.open(routeUrl .href, '_blank')
    }
  }
}
</script>

<style scoped>
.link-box {
  display: flex;
  margin-left: 15px;
  width: 80px;
  align-items: flex-end;
  justify-content: space-between;
  color: #0068B5;
  font-size: 16px;
  line-height: 16px;
}
.link-box img {
  width: 16px;height: 16px;
}
.link-box span {
  cursor: pointer;
}
</style>